<!DOCTYPE html>
<html lang="zh-CN" style="background-color: #fff;">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="referrer" content="no-referrer" />
    <link rel="icon" href="/favicon.ico" />
    <title>大连印山官网</title>
    <link rel="stylesheet" href="./assets/style.css" />
  </head>
  <body>
    <div class="wrapper">
      <div>
        <div class="login-sign">
          <div class="sign-content">
            <div class="content-top">
              <span class="top-title">
                SCHOLARSHIPofCHINA
              </span>
              <span class="top-text" id="login">
                Already have an account? Log in here
              </span>
            </div>
            <div class="content-self">
              <p class="self-title">
                Change Password
              </p>
              <ul class="self-info">
                <li class="info-list" style="height: 80px">
                  <p class="list-title">
                    <span class="title-icon">
                      *
                    </span>
                    Email
                  </p>
                  <div class="list-ipt el-input">
                    <input style="width: 210px" type="text" autocomplete="off" placeholder="Please enter your email"
                    class="el-input__inner">
                    <button type="button" class="el-button list-btn el-button--default">Get Code</button>
                  </div>
                </li>
                <li class="info-list">
                  <p class="list-title">
                    <span class="title-icon">
                      *
                    </span>
                    Verification code
                  </p>
                  <div class="list-ipt el-input">
                    <input type="text" autocomplete="off" placeholder="Please enter verification code"
                    class="el-input__inner">
                  </div>
                </li>
                <li class="info-list">
                  <p class="list-title">
                    <span class="title-icon">
                      *
                    </span>
                    New Password
                  </p>
                  <div class="list-ipt el-input">
                    <input type="text" autocomplete="off" placeholder="Please enter new password"
                    class="el-input__inner">
                  </div>
                </li>
                <li class="info-list">
                  <p class="list-title">
                    <span class="title-icon">
                      *
                    </span>
                    Confirm password
                  </p>
                  <div class="list-ipt el-input">
                    <input type="text" autocomplete="off" placeholder="Please re-enter your password"
                    class="el-input__inner">
                  </div>
                </li>
              </ul>
              <div class="content-footer">
                <button type="button" class="el-button footer-btn el-button--primary" style="margin: 50px 0 10px;">
                  <span>
                    Confirm
                  </span>
                </button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
  <script>
    document.querySelector('#login').addEventListener('click', function() {
      window.location.href = './index.html?login=true'
    })
  </script>